<div class="message">${message}</div>
<nav>
  <a href="/home">Home</a>
  <a href="/auth" id="auth-link">Register</a>
  <a href="/one" id="page-one-link">Go to one</a>
  <a href="/two" id="page-two-link">Go to two</a>
  <a href="sub">Sub</a>
</nav>
<au-viewport id="root-vp" default="home"></au-viewport>
<hr>
<button click.trigger="toggleIframe()">${iframeVisible ? 'Hide' : 'Show'} iframe</button>
<iframe if.bind="iframeVisible" src.bind='iframeSrc'></iframe>

<button click.trigger="service.clear()">Clear log</button>
<div id="eventlog">
  <div repeat.for="item of service.log">${item}</div>
</div>
